<template>
  <div class="pl-48 p-8 ">
    <!-- <BgDecorator img-path="/cloud.png" :count="12" /> -->
    <div class="grid grid-cols-5 grid-rows-2 h-full gap-8">
      <div class="col-span-4 bg-[rgb(229,231,250)] rounded-3xl" />
      <div class="">
        <img src="/姨妈.png" alt="">
      </div>
      <NuxtLink class="col-span-2 bg-[#E1F5FA] rounded-3xl flex items-center justify-center text-4xl font-bold shadow-md shadow-[#00BAAD]" to="/info/HealthKnowledge">
        健康知识
      </NuxtLink>
      <NuxtLink class="col-span-2 bg-[#FAE1F1] rounded-3xl flex items-center justify-center text-4xl font-bold shadow-md shadow-[#EBC0BE]" to="/info/product">
        经期用品
      </NuxtLink>
      <div class="flex flex-col items-center justify-center gap-4">
        <img src="/花花.png" alt="">
        <p class="font-bold text-xl font-kuaile">
          花花欢迎你
        </p>
      </div>
    </div>
  </div>
</template>
